<script setup>

import { computed } from 'vue';
// vue2
// props: ['money','car']
// props: {
//     moeny: Number,
//     car: {
//         type: String,
//         default: '宝马'
//     }
// }

// vue3，通过defineProps()接收，接收写法跟vue2完全一致
// defineProps会自动结构到 template，
// 但是，如果想在script使用，就需要变量把数据保存起来
const props = defineProps({
    money: Number,
    car: {
        type: String,
        default: '宝马'
    }
})

const doubleMoney = computed(
    () => {
        return props.money * 2
    }
)
</script>
        
<template>
    <div>我是子组件 - {{money}} - {{car}}</div>
    <div>双倍快乐：{{doubleMoney}}</div>
</template>